/* General */
body {
	background: -webkit-gradient(linear, left top, right top, from(#2F2727), to(#1a82f7));
}

h1 {
	color:black;
	text-align:center;
	text-transform:uppercase;
	text-shadow: -2px 2px 2px #000;
}
h2 {
	color:black;
	margin:0;
	padding:0;
}
dl {
	margin:2px 0 0 5px;
}
dt {
	text-align:center;
	font-weight:bold;
}

dt.action {
	position: absolute;
	left: 35px;
	top: 2px;
	width: 50px;
	height: 70px;
	color:#8a1515;
}
dt.name {
	position: absolute;
	left: 5px;
	top: 25px;
	width: 110px;
	height: 70px;
	color:green;
}
dt.amount {
	position: absolute;
	left: 37px;
	top: 45px;
	width: 50px;
	height: 70px;
	color:#6c9fd8;
} 

.main {
	width:1024px;
	margin:0 auto 0 auto;
	overflow:hidden;
}


/* Table */
.tableArea {
	margin:120px 0 0 100px;
	width:500px;
	height:400px;
	float:left;
}

.table {	
 background-color: green;
 width: 450px;
 height: 250px;
 margin: 1em;
 border-style: solid;
 border-width: 8px;
 border-color: #454644;
 -moz-border-radius: 375px;
 -webkit-border-radius: 375px;
 -webkit-box-shadow: -1px 1px 1px 0 #252525;
}

.pot{
	position: relative;
	top:200px;
	left:182px;
	width:100px;
	height:20px;
	padding: 5px 0 0 0;	
	border-style:solid;
	border-width:thin;
	border-color:#000;
	border-radius:5px;
	background:#D3D3D3;
	color:#8a1515;
	font-size:14px;
	text-align:center;
	vertical-align: middle;
	font-weight:bold;
}
	
/* Players */
.player{
	position:relative;
	width:120px;
}

.playerInfo{
	padding-top:5px;	
	height:65px;
	border-style:solid;
	border-width:thin;
	border-color:#000;
	border-radius:5px;
	background:#D3D3D3;
}


/* Cards */
.deck {
	left: 199px;
	top: 10px;
	width: 50px;
	height: 70px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.card {
	float:left;	
	background-color: white;
	border-style: solid;
	border-width: thin;
	border-color: black;
	position: relative;	
}

.community {
	top: 90px;
	left: 28px;
	width: 50px;
	height: 70px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left: 5px;
}

.playerCard {
	width: 30px;
	height: 40px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	left: 28px;
	bottom: 116px;
}

.black {
 color: black;
}

.red {
 color: red;
}

.suit {
 font-size: 2em;
 text-align: center;
 line-height: 30px;
 vertical-align: middle;
}

.bottom {
	float:right;
 	bottom: 3px;
 	right: 5px;
	padding-right: 3px;
}

.top {
 top: 3px;
 right: 3px;
 padding-left: 2px;
}

.number {
 font-size: 1em; 
}

.smallNumber {
 font-size: 10px;;
}

.smallSuit {
 font-size: 14px;
 text-align: center;
 line-height: 15px;
 vertical-align: middle;
}

.backSide{
	background-size:95% 95%;
	background-size: 6px 7px;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #555), color-stop(.25, transparent), to(transparent)),
							  -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, #555), color-stop(.25, transparent), to(transparent)),
							  -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, #555)),
			  				  -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, #555));
}

/* Chat */
.chatbox{
	float:left;
	margin:60px 0 0 100px; 
	background-color:#494b49;
	width: 240px;
	height: 430px;
	border-style: solid;
	border-width: 1px;
	border-color: black;	
	border-radius:5px;
	padding:5px;
	box-shadow: 0 0 5px 5px #888;
}

.chatArea {	
	background: #a9aba8;
	width: 234px;
	height: 350px;
	overflow : auto;
	padding:2px;
	border-style:solid;
	border-width:thin;
	border-color:black;
}

input {
	width: 236px;
}

label {
	color:black;
	font-weight:bold;
}